/**
 * Stylesheet dedicated to the images skinning inside the application pages. Skinning defines the look and feel 
 * properties like colors, border colors, background images. This idea is the one used 
 * by JQuery UI.
 * @author Clément HELIOU (clement.heliou@gmail.com)
 * @since 1.0
 */

/* Profile image */
.authorsNoteAccordionContent>img[class *="profile"] {
	border: 1px dashed #bbb1aa;
	border-radius: 4px;
}

/* Images of a technical data sheet, including the gallery version one */
.galleryContainer>img,.tdsContainer>img, .tdsFullPicture {
	border: 2px solid black;
	border-radius: 4px;
}

/* Overlay of the gallery and technical data sheet versions of a photo */
.galleryContainer .galleryOverlay,
.tdsContainer .tdsOverlay {
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 0 0 4px 4px;
	border-top: 2px solid black;
	color: white;
}

.galleryOverlay>div{
	font-size: 13px;
}

.galleryContainer .galleryOverlay,
.tdsContainer .tdsOverlay .tdsOverlayLine {
	font-family: monospace, Verdana;
}

.tdsContainer .tdsOverlay .tdsOverlayTitleLine {
	font-size: 20px;
}

/* Preview of a technical data sheet's image  */
.tdsContainer>img{
	cursor: pointer;
}